body {
    padding-bottom: 60px;
    background-color: #fff;
}
.header{
    .circle-box{
        width: 38px;
        bottom: 0;
        left: 50%;
        padding-bottom: 6px;
        margin-left: -25px;
        .circle{
            width: 6px;
            height: 6px;
            border-radius: 3px;
            background-color: #fff;
            &.on{
                background-color: #1989fa;
            }
        }
    }
}
.list{
    .item{
        border-bottom: 1px solid #f4f4f4;
        .img{
            width: 65px;
            height: 90px;
        }
        .t-box{
            flex-grow: 1;
            margin-left: 10px;
            .q-box{
                background-color: #999;
                color: #fff;
                padding: 2px 0;
            }            
        }
        .buy{
            border: 1px solid #ff5f16;
            width: 50px;
            height: 25px;
            color: #ff5f16;
        }
    }
}
.footer{
    height: 50px;
    width: 100%;
    bottom: 0;
    img{
        width: 20px;
        height: 20px;
    }
}
.bottom{
    height: 60px;
    bottom: 0;
    width: 100%;
}
.iconfont{
    font-size: 30px !important;
}